<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<title>Gerenciador de Despesas</title>
	<link href="http://fonts.googleapis.com/css?family=Oxygen"
		rel="stylesheet" type="text/css" />
	<link href="css/style.css" rel="stylesheet" type="text/css"
		media="screen" />
</h:head>
<h:body>
	<f:view>
		<h:form>
			<div id="wrapper">
				<div id="header-wrapper">
					<div id="header">
						<div id="logo">
							<h1>
								<a href="#">Hotelar</a>
							</h1>
							<p>Alguma frase</p>
						</div>
					</div>
				</div>
				<!-- end #header -->
				<div id="menu">
					<ul>
						<li><a href="#">Home</a></li>
						<li class="current_page_item"><a href="#">Hóspede</a></li>
						<li><a href="#">Serviços</a></li>
						<li><a href="#">Despesas</a></li>
						<li><a href="#">Checkin</a></li>
						<li><a href="#">Checkout</a></li>
						<li><a href="#">Relatórios</a></li>
					</ul>
				</div>
				<!-- end #menu -->
				<div id="page">
					<div id="page-bgtop">
						<div id="page-bgbtm">
							<div id="content">
								<div class="post">
									<h2 class="title">Gerenciador de Despesas</h2>
									<br />
									<h3>Buscar Cliente</h3>
									<br />
									<table border="none">
										<tr>
											<td><h:outputLabel value="Nome:" /></td>
											<td><h:inputText value="#{despesaBean.nomeCliente}" /></td>
											<td><p:commandButton value="Buscar"
													action="#{despesaBean.buscarCliente}" ajax="false" /></td>
										</tr>
									</table>
									<br />
									<p:dataTable var="cli" value="#{despesaBean.clientes}"
										emptyMessage="Nenhum cliente Encontrado." paginator="true"
										rows="10">
										<p:column>
											<f:facet name="header">
												<h:outputText value="Nome" />
											</f:facet>
											<h:outputText value="#{cli.nome}" />
										</p:column>
										<p:column>
											<f:facet name="header">
												<h:outputText value="CPF" />
											</f:facet>
											<h:outputText value="#{cli.cpf}" />
										</p:column>
										<p:column>
											<f:facet name="header">
												<h:outputText value="Selecionar" />
											</f:facet>
											<h:form>
												<p:commandButton action="#{despesaBean.selecionarCliente}"
													value="Selecionar" ajax="false" />
											</h:form>
										</p:column>
									</p:dataTable>

									<br /> <br />

									<h3>Adicionar Despesa</h3><br />
									<table border="none">
										<tr>
											<td><h:outputLabel value="Tipo de Serviço:" /></td>
											<td><p:selectOneMenu id="tipoServico"
												value="#{despesaBean.tipoServico}">
												<f:selectItems value="#{despesaBean.servicos}" />
											</p:selectOneMenu></td>
										</tr>

										<tr>
											<td><h:outputLabel value="Valor:" /></td>
											<td><p:inputText value="#{despesaBean.servicoHospedagem.valor}" /></td>
										</tr>


										<tr>
											<td><p:commandButton action="#{despesaBean.adicionarDespesa}"
												value="Adicionar" ajax="false" /></td>
										</tr>
									</table>

									<br /> <br />

									<h3>Despesas do Cliente #{despesaBean.cliente.nome}</h3><br />
									<p:dataTable var="desp" value="#{despesaBean.despesas}"
										emptyMessage="Nenhuma Despesa." paginator="true" rows="15">
										<p:column>
											<f:facet name="header">
												<h:outputText value="Serviço" />
											</f:facet>
											<h:outputText value="#{desp.servico.nome}" />
										</p:column>
										<p:column>
											<f:facet name="header">
												<h:outputText value="Valor" />
											</f:facet>
											<h:outputText value="#{desp.valor}" />
										</p:column>
										<p:column>
											<f:facet name="header">
												<h:outputText value="Data" />
											</f:facet>
											<h:outputText value="#{desp.data}" />
										</p:column>
										<p:column>
											<f:facet name="header">
												<h:outputText value="Extornar" />
											</f:facet>
											<h:form>
												<p:commandButton action="#{despesaBean.extornarDespesa}"
													value="Extornar" ajax="false"/>
											</h:form>
										</p:column>
									</p:dataTable>
								</div>
							</div>
							<!-- end #content -->
						</div>
					</div>
				</div>
				<!-- end #page -->
			</div>
			<div id="footer">
				<p>
					Copyright (c) 2012 Sitename.com. All rights reserved. Design by <a
						href="http://www.freecsstemplates.org/"> Free CSS Templates</a>.
					Photos by <a href="http://fotogrph.com/">fotogrph</a>.
				</p>
			</div>
			<!-- end #footer -->
		</h:form>
	</f:view>
</h:body>
</html>